<template>
    <img :src="$data.data_src"/>
</template>
<script>
    export default {
        props: {
            dataSrc: {
                type: String,
                default: ""
            },
        },
        data() {
            return {
                data_src: this.$props.dataSrc
            }
        },
        watch: {
            dataSrc() {
                var self = this
                var image = new window.Image()
                image.src = this.$props['dataSrc']
                image.onload = () => {
                    self.$data.data_src = image.src

                }
            }
        },
        mounted() {
        },
    }
</script>